{extend name="common/index"}
{block name="content"}

<!--sub_nav-->
<div class="sub_nav">
    <div class="wrap clear">
        <p>你在這裏：</p>
        <a href="{:url('index/index')}">首頁</a> >
        <a class="on" href="javascript:void(0);">首彩葡萄酒學院</a>
    </div>
</div>

<!--banner-->
{include file="common/banner"}

<!--college-->
<div class="college">
    <div class="wrap">
        <div class="news_nav about_nav">
            <ul>
                {volist name="cat_list" id="vo"}
                <li {eq name="vo.is_display" value="1"}class="on"{/eq}><a href="{$vo.link}">{$vo.cat_name}</a></li>
                {/volist}
            </ul>
        </div>
        <div class="college_wrap college_w">
            <div class="college_w_nav">
                <ul class="clear">
                    <li class="on">WSET介紹</li>
                    <li>HPWS介紹</li>
                </ul>
            </div>
            <div class="college_w_list">
                <div class="college_w_item on">
                    {$wset_data.0.content|default=''}
                    <div class="college_w_list">
                        {volist name="wset_list" id="vo" key="key"}
                        <dl {eq name="key" value="1"}class="on"{/eq}>
                            <dt class="clear"><span class="fl">{$vo.title}</span><i class="fr college_w_btn"></i></dt>
                            <dd {eq name="key" value="1"}class="on"{/eq}>
                                {$vo.content}
                            </dd>
                        </dl>
                        {/volist}
                    </div>
                </div>
                <div class="college_w_item">
                    {$hpws_data.0.content|default=''}
                </div>
            </div>
        </div>
    </div>
</div>

{/block}
{block name="script"}
<script>
    $('.college_w_nav li').click(function(){
        $(this).addClass('on').siblings().removeClass('on');
        $('.college_w_item').eq($(this).index()).addClass('on').siblings().removeClass('on');
    });
    $('.college_w_list dt').click(function(){
        $(this).parent().toggleClass('on');
        $(this).next().slideToggle(200);
        $(this).parent().siblings().removeClass('on').find('dd').slideUp(200)
    })
</script>

{/block}
